<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx" />
    <meta name="description" content="yyyyyyy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375" />
    <meta name="format-detection" content="telephone=no">
    <title>森淼商城</title>
    <link rel="stylesheet" href="../css/base/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="../plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/job.css">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


    <style>
        @media (max-width: 768px){
            .col-sm-6 {
                width: 50%;
                float: left;
            }
        }
        .masonry{
            margin-top: 5px;
        }
        .product>div{
            padding: 0 5px;
        }
        .product>div>a{
            margin-bottom: 5px;
        }
        .product>div:hover{
            opacity: 0.8;
        }
        .standard-clothing{
            margin-top: 10px;
        }
        .standard-clothing >span{
            display:block;
            color:#565658;
        }
        /*轮播图*/
        *{margin:0;padding:0;list-style-type:none;}
        a,img{border:0;}
        /* flexslider */
        .flexslider{box-shadow: 0 2px 1px 1px rgba(0, 228, 255, 0.54);position:relative;height:200px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
        .slides{position:relative;z-index:1;}
        .flex-direction-nav li a.flex-next{
            right: 10px!important;
        }
        .flex-direction-nav li a.flex-prev{
            left: 10px!important;
        }
        .flex-direction-nav li a {
            width: 30px!important;
            height: 30px!important;
            border-radius: 50%;
        }
        .slides>li a{height:200px;padding: 0!important;border: 0!important;background-size: cover!important;border-radius: 0!important;}
        .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
        .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
        .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
        .flex-control-nav .flex-active{background-position:0 0;}

        .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
        .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
        .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
        .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
        /*轮播图end*/
    </style>
</head>
<body style="background: #f7f7f9">
<div class="container-fluid">
    <!--header start-->
    <div class="row header">
        <div><span id="back" class="glyphicon  glyphicon-chevron-left" style="float: left;cursor: pointer;"></span>森淼商城</div>
    </div>
    <!--header end-->

    <!--content start-->
    <div class="content row">
        <div class="flexslider">
            <ul class="slides">
                <li>
                    <a href="shopping-mall-third.html" class="thumbnail" style="background:url(../images/shopping-cloth-1.png) 50% 0 no-repeat;">
                    </a>
                </li>
                <li>
                    <a href="shopping-mall-third.html" class="thumbnail" style="background:url(../images/shopping-cloth-2.png) 50% 0 no-repeat;">
                    </a>
                </li>
                <li>
                    <a href="shopping-mall-third.html" class="thumbnail" style="background:url(../images/cloth-3.jpg) 50% 0 no-repeat;">
                    </a>
                </li>
            </ul>
    </div>
        <div class="row  product masonry">
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-2.png" alt="服装">
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-2.png" alt="服装">
                </a>
            </div>

            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-1.png" alt="酒店指定服装">
                    <p align="center" class="standard-clothing">
                        <span >制定工作服</span>
                        <span  style="color:#22d673" class="glyphicon glyphicon-yen">100.0</span>
                    </p>
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-2.png" alt="服装">
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-2.png" alt="服装">
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-1.png" alt="酒店指定服装">
                    <p align="center" class="standard-clothing">
                        <span >制定工作服</span>
                        <span  style="color:#22d673" class="glyphicon glyphicon-yen">100.0</span>
                    </p>
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-2.png" alt="服装">
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-2.png" alt="服装">
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-2.png" alt="服装">
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-1.png" alt="酒店指定服装">
                    <p align="center" class="standard-clothing">
                        <span >制定工作服</span>
                        <span  style="color:#22d673" class="glyphicon glyphicon-yen">100.0</span>
                    </p>
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-1.png" alt="酒店指定服装">
                    <p align="center" class="standard-clothing">
                        <span >制定工作服</span>
                        <span  style="color:#22d673" class="glyphicon glyphicon-yen">100.0</span>
                    </p>
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-1.png" alt="酒店指定服装">
                    <p align="center" class="standard-clothing">
                        <span >制定工作服</span>
                        <span  style="color:#22d673" class="glyphicon glyphicon-yen">100.0</span>
                    </p>
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-1.png" alt="酒店指定服装">
                    <p align="center" class="standard-clothing">
                        <span >制定工作服</span>
                        <span  style="color:#22d673" class="glyphicon glyphicon-yen">100.0</span>
                    </p>
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-1.png" alt="酒店指定服装">
                    <p align="center" class="standard-clothing">
                        <span >制定工作服</span>
                        <span  style="color:#22d673" class="glyphicon glyphicon-yen">100.0</span>
                    </p>
                </a>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-4 item">
                <a href="shopping-mall-third.html" class="thumbnail">
                    <img src="../images/shopping-cloth-2.png" alt="服装">
                </a>
            </div>  <div class="col-sm-6 col-md-3 col-lg-4 item">
            <a href="shopping-mall-third.html" class="thumbnail">
                <img src="../images/shopping-cloth-2.png" alt="服装">
            </a>
        </div>
        </div>
    </div>
    <!--content end-->


</div>
</body>
<script src="../js/common/jquery-2.1.4.min.js"></script>
<script src="../js/index.js"></script>
<script src="../plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="../plugin/masonry-js/masonry.pkgd.min.js"></script>
<script src="../plugin/masonry-js/imagesloaded.pkgd.min.js"></script>
<script src="../plugin/jquery.flexslider-min.js"></script>
<script>
    $('.masonry').imagesLoaded(function() {
        $('.masonry').masonry({
            itemSelector: '.item'
        });
    });
    $('.flexslider').flexslider({
        directionNav: true,
        pauseOnAction: false,
        slideshow: true,
        slideshowSpeed: 3000
    });
</script>

</html>